Πώς να Προσθέσετε το AI Chatbot Asyntai στο e107

Οδηγός βήμα προς βήμα για ιστότοπους e107 CMS

Πλατφόρμα:

Βήμα 1: Αποκτήστε τον Κωδικό Ενσωμάτωσής σας

Αρχικά, μεταβείτε στον Πίνακα ελέγχου Asyntai και μετακινηθείτε προς τα κάτω στην ενότητα «Embed Code». Αντιγράψτε τον μοναδικό σας κωδικό ενσωμάτωσης, ο οποίος θα μοιάζει κάπως έτσι:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

Σημείωση: Ο παραπάνω κώδικας είναι απλώς ένα παράδειγμα. Πρέπει να αντιγράψετε τον δικό σας μοναδικό κωδικό ενσωμάτωσης από τον Πίνακα Ελέγχου σας, καθώς περιέχει το προσωπικό σας αναγνωριστικό widget.

Βήμα 2: Προσθήκη στο Πρότυπο Θέματος (Προτεινόμενο)

Ο συνιστώμενος τρόπος προσθήκης του chatbot είναι η άμεση επεξεργασία του αρχείου template θέματος e107:

Μεταβείτε στον φάκελο θέματος e107: e107_themes/yourtheme/
Ανοίξτε το κύριο αρχείο template του θέματος (συνήθως theme.php ή theme.html)
Βρείτε την ετικέτα κλεισίματος </body>
Επικολλήστε τον κώδικα ενσωμάτωσης Asyntai αμέσως πριν την ετικέτα </body>:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>
</body>

Συμβουλή: Αν το θέμα σας χρησιμοποιεί theme.php, αναζητήστε το τμήμα όπου αποδίδεται η HTML του footer. Ο κώδικας ενσωμάτωσης πρέπει να τοποθετηθεί μετά από όλο το άλλο περιεχόμενο αλλά πριν από την ετικέτα κλεισίματος body.

Εναλλακτική Μέθοδος 1: Χρήση Custom Header/Footer e107

Μπορείτε να προσθέσετε το script chatbot μέσω του πίνακα διαχείρισης e107 χωρίς επεξεργασία αρχείων θέματος:

Συνδεθείτε στον πίνακα διαχείρισης e107
Μεταβείτε στο Admin > Preferences > Site Preferences
Αναζητήστε το τμήμα "Custom Footer" ή "Footer Scripts"
Επικολλήστε τον κώδικα ενσωμάτωσης του Asyntai στο πεδίο Footer Scripts
Κάντε κλικ στο "Save" για να εφαρμόσετε τις αλλαγές

Σημείωση: Αυτή η μέθοδος είναι η ευκολότερη αν θέλετε να αποφύγετε την άμεση επεξεργασία αρχείων θέματος. Το script θα συμπεριληφθεί αυτόματα σε κάθε σελίδα του ιστότοπου e107.

Εναλλακτική Μέθοδος 2: Χρήση Plugin e107

Για μια πιο αρθρωτή προσέγγιση, μπορείτε να δημιουργήσετε ένα απλό plugin ή να χρησιμοποιήσετε το σύστημα plugin hook για να εισάγετε το script chatbot:

Δημιουργήστε ένα απλό plugin ή χρησιμοποιήστε το plugin "Custom Pages"
Προσθέστε το script μέσω του συστήματος plugin hook του e107 δημιουργώντας ένα αρχείο e_footer.php στον κατάλογο plugin
Μέσα στο e_footer.php, εξάγετε τον κώδικα ενσωμάτωσης:

<?php
// e_footer.php - Asyntai Chatbot Plugin Hook
echo '<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>';
?>

Συμβουλή: Η προσέγγιση plugin hook διατηρεί την ενσωμάτωση του chatbot ξεχωριστά από το θέμα, ώστε να παραμένει ακόμα και αν αλλάξετε θέμα.

Εναλλακτική Μέθοδος 3: Χρήση Συστήματος Menus e107

Μπορείτε να χρησιμοποιήσετε το ενσωματωμένο σύστημα Menus του e107 για να προσθέσετε το script chatbot στην περιοχή footer:

Συνδεθείτε στον πίνακα διαχείρισης e107
Μεταβείτε στο Admin > Menus
Δημιουργήστε ένα custom HTML menu
Επικολλήστε τον κώδικα ενσωμάτωσης του Asyntai στο περιεχόμενο του menu
Αναθέστε το menu στην περιοχή footer του template σας
Αποθηκεύστε τη διαμόρφωση του menu

Σημαντικό: Κατά τη χρήση του συστήματος Menus, βεβαιωθείτε ότι η περιοχή menu που αναθέτετε υποστηρίζει έξοδο raw HTML/script. Ορισμένες περιοχές menu ενδέχεται να αφαιρούν ετικέτες script για λόγους ασφαλείας. Αν το script αφαιρεθεί, χρησιμοποιήστε μία από τις άλλες μεθόδους.

Βήμα 3: Επαληθεύστε την Εγκατάσταση

Αφού αποθηκεύσετε τις αλλαγές σας, επισκεφθείτε τον ιστότοπο e107 σε μια νέα καρτέλα προγράμματος περιήγησης ή σε παράθυρο ανώνυμης περιήγησης. Θα πρέπει να δείτε το κουμπί του widget συνομιλίας στην κάτω δεξιά γωνία. Κάντε κλικ για να βεβαιωθείτε ότι ανοίγει και λειτουργεί σωστά.

Δεν βλέπετε το widget; Δοκιμάστε να εκκαθαρίσετε τη μνήμη cache του e107 από τον πίνακα διαχείρισης στο Admin > Cache. Επίσης, δοκιμάστε να εκκαθαρίσετε τη μνήμη cache του προγράμματος περιήγησης ή να προβάλετε σε παράθυρο ανώνυμης περιήγησης. Βεβαιωθείτε ότι ο κώδικας ενσωμάτωσης είναι σωστά τοποθετημένος και περιέχει το μοναδικό widget ID σας από το Dashboard.